<div class="widgets">
    <div ba-panel ba-panel-title="设备管理" ba-panel-class="with-scroll">

        <form class="row form-inline ng-pristine ng-valid ng-scope">
            <div class="col-lg-6 col-sm-12">
                <h4 style="line-height: 30px;" class="col-sm-3 col-xs-5">活动日期：</h4>

                <div class="col-sm-4">
                    <p class="input-group" style="margin-bottom: 0px;">
                        <input type="text" class="form-control" uib-datepicker-popup="yyyy/MM/dd HH:mm" ng-model="dat.dat1.date_" is-open="dat.dat1.opened" ng-required="true" close-text="关闭" 30 clear-text="清空" current-text="今天" alt-input-formats="altInputFormats" />
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="dat.dat1.open()"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                    </p>
                </div>
                <div class="col-sm-4">
                    <p class="input-group" style="margin-bottom: 0px;">
                        <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd HH:mm:ss" uib-datepicker-popup="yyyy/MM/dd HH:mm" ng-model="dat.dat2.date_" is-open="dat.dat2.opened" ng-required="false" close-text="关闭" 30 clear-text="清空" current-text="今天" alt-input-formats="altInputFormats"
                        />
                        <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="dat.dat2.open()"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
                    </p>
                </div>
            </div>

            <div class="col-lg-6 col-sm-12">
                <h4 style="line-height: 30px;" class="col-sm-3 col-xs-5">用户名:</h4>
                <div class="form-group  col-sm-8 col-xs-5">
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入用户名">
                </div>
            </div>
        </form>

        <form class="row form-inline ng-pristine ng-valid ng-scope">
            <div class="col-lg-6 col-sm-12">
                <div class="form-group col-sm-3 col-xs-6">
                    <h4>设备类型:</h4>
                </div>
                <div class="col-sm-8" style="    margin-top: 10px;">
                    <div class="col-sm-3"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inline1" id="inlineRadio1" value="全部" ng-checked="true"> <span>不限</span></label></div>
                    <div class="col-sm-3"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inline2" id="inlineRadio2" value="金鼻光"> <span>金鼻光</span></label></div>
                    <div class="col-sm-3"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inline3" id="inlineRadio3" value="焕颜宝"> <span>焕颜宝</span></label></div>
                </div>
            </div>
            <div class="col-lg-6 col-sm-12">
                <div class="form-group col-sm-3 col-xs-6">
                    <h4>用户性别:</h4>
                </div>
                <div class="col-sm-8" style="    margin-top: 10px;">
                    <div class="col-sm-3"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="不限" ng-checked="true"> <span>不限</span></label></div>
                    <div class="col-sm-3"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="男"> <span>男</span></label></div>
                    <div class="col-sm-3"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="女"> <span>女</span></label></div>
                </div>
            </div>
        </form>

        <form class="row form-inline ng-pristine ng-valid ng-scope">
            <div class="col-lg-6 col-sm-12">
                <h4 style="line-height: 30px;" class="col-sm-3 col-xs-5">设备名称:</h4>
                <div class="form-group  col-sm-8 col-xs-5">
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入设备名称">
                </div>
            </div>
            <div class="col-lg-6 col-sm-12">
                <div class="col-sm-2  text-left">
                    <button type="submit " class="btn btn-primary ">搜索</button>
                </div>
                <div class="col-sm-2 text-left ">
                    <label>
                        <select class="form-control selectpicker show-tick " title="10 " selectpicker ng-model="smartTablePageSize " ng-options="i for i in [5,10,15,20,25] ">
                        </select>
                    </label>
                </div>
            </div>
        </form>

        <br>
        <div style="min-height:300px;padding: 20px;">
            <table class="table table-bordered">
                <thead>
                    <tr valign="middle">
                        <th class="browser-icons"></th>
                        <th class=" text-center">设备名称</th>
                        <th class=" text-center">使用时长</th>
                        <th class=" text-center">照射强度</th>
                        <th class=" text-center">设备默认名称</th>
                        <th class=" text-center">mac地址</th>
                        <th class=" text-center">上次使用时间</th>
                        <th class=" text-center">绑定时间</th>
                        <th class=" text-center">用户名</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in informationData " style="line-height:70px ">
                        <td style="; width: 50px;" class=" text-center ">{{item.num}}</td>
                        <td style=" " class=" text-center ">{{item.browser}}</td>
                        <!-- ng-mouseover="hover = true" ng-mouseleave="hover = false" -->
                        <td style="position:relative" class="text-center iscursor" ng-mouseover="hover = true" ng-mouseleave="hover = false">
                            {{item.text}}
                            <div ng-if="hover" style="position: absolute;    z-index: 99;background: #fff; box-shadow: 0 0 27px #333; border-radius: 10px;top: -520%;left: 100%;">
                                <div style="height:300px;width:300px;">
                                    <pie-chart config="jbg_config" data="[item.pageload]"></pie-chart>
                                </div>
                            </div>
                        </td>
                        <td style=" " class=" text-center ">{{item.qiangdu}}</td>
                        <td style=" " class=" text-center ">{{item.name}}</td>
                        <td style=" " class=" text-center ">{{item.addaers}}</td>
                        <td style=" width: 150px;" class=" text-center ">{{item.end_data}}</td>
                        <td style=" " class=" text-center ">{{item.start_data}}</td>
                        <td style=" " class=" text-center ">{{item.user}}</td>
                    </tr>
                </tbody>
            </table>
            <div class="text-center row">
                <ul uib-pagination total-items="bigTotalItems" previous-text="上一页" next-text="下一页" first-text="首页" last-text="尾页" ng-model="bigCurrentPage" ng-change="pageChanged()" max-size="maxSize" class="pagination-sm" boundary-links="true" num-pages="numPages" items-per-page="{{items_page}}"></ul>
                <div ng-model="bigCurrentPage" id="systemTable_Page_num" style="opacity: 0;height: 0;">{{bigCurrentPage}}</div>
            </div style="padding: 20px;">
        </div>
    </div>
</div>